<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="css/device.css">
	<title>手表信息管理</title>
</head>
<body>
	<div class="header">
		<div class="header-1">
			<i><img src="images/logo-32x32.png" alt=""></i>
			<p>控制平台</p>
		</div>
		<div class="header-2">
			<input></input>
			<i></i>
			<p>搜索</p>
		</div>
		<div class="header-3">
			<p>帐号名123****456</p>
			<i></i>
		</div>
	</div>
	<div class="content">
		<div class="content-1">
			<div><img src="images/shape-8-16x16.png" alt=""></div>
			<ul>
				<li>
					<div style="background-color: #4aa7ea;">
						<i></i>
						<p>用户管理</p>
					</div>
					<ul>
						<li>
							<i><img src="images/watch-icon-17x23.png" alt=""></i>
							<p>手表信息管理</p>
						</li>
						<li>
							<i><img src="images/user-icon-19x18.png" alt=""></i>
							<p>用户信息管理</p>
						</li>
						<li>
							<i style="height: 36px;padding-top: 16px;"><img src="images/feedback-icon-21x18.png" alt=""></i>
							<p>用户意见反馈</p>
						</li>
					</ul>
				</li>
				<li>
					<div>
						<i></i>
						<p>数据分析</p>
					</div>
					<ul>
						<li>
							<i><img src="images/shape-1-22x18.png" alt=""></i>
							<p>使用频率分析</p>
						</li>
						<li>
							<i><img src="images/shape-2-22x22.png" alt=""></i>
							<p>使用地域分析</p>
						</li>
						<li>
							<i><img src="images/shape-3-19x24.png" alt=""></i>
							<p>用户活跃分析</p>
						</li>
					</ul>
				</li>
				<li style="height: 100px;">
					<div>
						<i></i>
						<p>实时监测</p>
					</div>
					<ul style="height: 52px;">
						<li>
							<i><img src="images/shape-4-21x21.png" alt=""></i>
							<p>手表状态监测</p>
						</li>
					</ul>
				</li>
				<li style="height: 152px;">
					<div>
						<i></i>
						<p>帐号设置</p>
					</div>
					<ul style="height: 104px;">
						<li>
							<i><img src="images/shape-5-18x24.png" alt=""></i>
							<p>消息通知</p>
						</li>
						<li>
							<i><img src="images/shape-6-21x21.png" alt=""></i>
							<p>帐号管理</p>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		<div class="content-2">
			<div class="content-2-1">
				<p>手表信息管理</p>
			</div>
			<div class="content-2-2">
				<div>
					<p>设备数量：<span>3277</span></p>
					<input type="text" name="" value="" placeholder="精准搜索"></input>
					<ul class="content-2-2-1">
						<li style="background-color: #4aa7ea;">搜索</li>
						<li style="background-color: #14d176;">添加</li>
						<li style="background-color: #ea4a4a;margin-right: 0;">删除</li>
					</ul>
					<ul class="content-2-2-2">
					    <li>
					    	<select style="background-color: #f2f2f2;">
			                    <option>选择筛选条件</option>
			                </select>
					    </li>
					    <li>
					    	<select style="background-color: #646464;color: #ececec;">
			                    <option>选择筛选条件</option>
			                    <option>在线</option>
			                    <option>离线</option>
			                    <option>全部</option>
			                </select>
					    </li>
					</ul>
				</div>
				<table>
					<thead>
					    <tr>
						    <th style="width: 50px;"><input type="checkbox" name=""value="" /></th>
							<th>设备ID</th>
							<th>在线状态</th>
							<th>产品类型</th>
							<th>用户地址</th>
							<th>激活时间</th>
							<th>最后活跃时间</th>
							<th>绑定帐号</th>
							<th>功能</th>
						</tr>
					</thead>
					<tbody>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
						    <td><input type="checkbox" name="" value="" /></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</body>
</html>